<template>
    <div class="like-container">
        <div style="display: flex">
            <img :src="require('../../../../img/' + path)" class="img-container">
            <div style="width: 5px"></div>
            <div class="text">{{ text }}</div>
        </div>
    </div>
</template>

<script>

export default {
    name: "likeAndRead",
    props: ['text', 'path']
}
</script>

<style scoped>
.like-container {

    position: relative;
    width: 500px;
    height: 100%;
    display: flex;
    align-items: center;
}

.btn-like {
    position: absolute;
    opacity: 1;
    top: 0;
    width: 100%;
    height: 100%;
}

.img-container {
    width: 20px;
    height: 20px;
}

.text {
    font-size: medium;
    width: auto;
}
</style>